<!DOCTYPE html>
<html class="no-js" lang="">
	<head>
		<meta charset="utf-8" />
		<title>About Us</title>
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!-- Favicons -->
		<link rel="shortcut icon" href="assets/img/favicon.png" />

		<!-- All CSS Here-->
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<!-- Fontawesome -->
		<link rel="stylesheet" href="assets/css/fontawesome-all.min.css" />
		<!-- Mobile menu -->
		<link rel="stylesheet" href="assets/css/meanmenu.css" />
		<!-- Owl-carousel -->
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
		<!-- slick slider -->
		<link rel="stylesheet" href="assets/css/slick.css" />
		<!-- Main css -->
		<link rel="stylesheet" href="assets/css/default.css" />
		<link rel="stylesheet" href="assets/css/style.css" />
		<!-- Responsive css -->
		<link rel="stylesheet" href="assets/css/responsive.css" />
	</head>

	<body>
		<!--[if lte IE 9]>
			<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
		<![endif]-->

		<!--********************************
    ***** Code Start From Here *****
    ******************************** -->
		<div class="preloader"></div>

		<!-- Settings -->
		<div class="theme_settings">
			<button type="button" id="settings_toggler">
				<i class="fas fa-cog"></i>
			</button>
			<h3>Themes settings</h3>

			<h5>Primary Colors</h5>
			<div class="setting_colors">
				<button data-color="#0284c7" class="prime_1 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#4f46e5" class="prime_2 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#1abc9c" class="prime_3 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#F79F1F" class="prime_4 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
			</div>

			<h5>Secondary Colors</h5>
			<div class="setting_colors">
				<button data-color="#18181b" class="second_1 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#1e293b" class="second_2 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#374151" class="second_3 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#44403c" class="second_4 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
			</div>
		</div>

		<!-- back to top -->
		<button id="back-to-top" class="back-to-top-hide">
			<i class="fas fa-arrow-up"></i>
		</button>

		<!-- Header area started -->
		<header>
			<div class="container">
				<div class="row">
					<!-- header logo -->
					<div class="col-md-2">
						<div class="header-logo">
							<h1>
								<a href="index.html">unique<span>g</span></a>
							</h1>
						</div>
					</div>
					<!-- navbar -->
					<div class="col-md-10 col-lg-9 col-xl-8 offset-xl-2 offset-lg-1 offset-0 d-none d-md-block">
						<nav>
							<ul>
								<li><a class="link-hover" href="index.html">Home</a></li>
								<li><a class="link-hover" href="about.html">About Us</a></li>
								<li class="with-submenu">
									<a class="link-hover" href="#">Pages</a>
									<ul class="sub-menu">
										<li><a href="service.html">Services</a></li>
										<li><a href="blog.html">Blog</a></li>
										<li><a href="single-portfolio.html">Portfolio</a></li>
										<li><a href="about.html">About</a></li>
									</ul>
								</li>
								<li><a class="link-hover" href="portfolio.html">Portfolio</a></li>
								<li><a class="link-hover" href="contact.html">Contact</a></li>
								<li class="round-border cart">
									<a href="#"><i class="fa fa-briefcase"></i><span>2</span></a>
									<!-- cart wrapper -->
									<div class="cart-wrapper">
										<h3>SHOPPING CART</h3>
										<!-- single cart -->
										<div class="single-cart d-flex">
											<div class="cart-img">
												<img src="assets/img/header/cart/single-cart-2.jpg" alt="" />
											</div>
											<div class="cart-content">
												<h6>How to become a Web Developer</h6>
												<p><span class="cart-amount">1x</span> <span class="cart-cost">$79.99</span></p>
												<button class="cart-del-btn">x Delete</button>
											</div>
										</div>
										<!-- single cart end -->
										<!-- single cart -->
										<div class="single-cart d-flex">
											<div class="cart-img">
												<img src="assets/img/header/cart/single-cart-1.jpg" alt="" />
											</div>
											<div class="cart-content">
												<h6>How to become a UI Designer</h6>
												<p><span class="cart-amount">1x</span> <span class="cart-cost">$79.99</span></p>
												<button class="cart-del-btn">x Delete</button>
											</div>
										</div>
										<!-- single cart end -->
										<!-- cart footer -->
										<div class="cart-footer">
											<a href="#" class="cart-footer-btn checkout">checkout</a>
											<a href="#" class="cart-footer-btn view-cart">view-cart</a>
											<a href="#" class="cart-footer-btn add-item">add-item</a>
										</div>
									</div>
								</li>
								<li class="round-border">
									<a href="#"><i class="fas fa-search"></i></a>
									<div class="search-box">
										<form action="">
											<input type="text" placeholder="Search Something" />
											<button type="submit"><i class="fas fa-search"></i></button>
										</form>
									</div>
								</li>
								<li class="lang-select">
									<a href="#">EN</a>
									<ul class="sub-lang">
										<li><a href="#">FR</a></li>
										<li><a href="#">BN</a></li>
									</ul>
								</li>
							</ul>
						</nav>
					</div>
				</div>
				<!-- mobile menu -->
				<div class="sidebar-icon d-block d-md-none">
					<a href="#" id="open-sidebar"><img src="assets/img/header/mobile-menu-bar.png" alt="" /></a>
				</div>
			</div>
		</header>
		<!-- header area end -->

		<!-- Mobile view sidebar area -->
		<div class="sidebar d-block d-md-none">
			<!-- close icon -->

			<!-- search box -->
			<div class="sidebar-search-box d-flex justify-content-between align-items-center mb-50">
				<div class="sidebar-close">
					<a href="#" id="close-sidebar"><i class="fa fa-plus"></i></a>
				</div>
				<form action="">
					<input type="text" />
					<button type="submit"><i class="fas fa-search"></i></button>
				</form>
			</div>
			<!-- search box enc -->

			<!-- sideber menu -->
			<div class="sidebar-menu mb-30">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About Us</a></li>
					<li>
						<a class="with-side-sub">Pages <i class="fas fa-sort-down"></i></a>
						<ul class="sidebar-sub-menu">
							<li><a href="#">Services</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="single-portfolio.html">Portfolio</a></li>
							<li><a href="about.html">About</a></li>
						</ul>
					</li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div>

			<!-- sidebar populer tag -->
			<div class="sidebar-tag">
				<h6 class="sidebar-tag-title">popular tag</h6>
				<a href="#">#creative</a>
				<a href="#">#wordpress theme</a>
				<a href="#">#website design</a>
				<a href="#">#html 5</a>
				<a href="#">#multi-purpose</a>
				<a href="#">#template</a>
			</div>
		</div>
		<!-- sidebar area end -->

		<!-- banner area -->
		<section class="banner-area">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="banner-title">
							<h1>About Us</h1>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- about us area -->
		<div class="about-us-area pt-80">
			<div class="container">
				<div class="row no-gutters">
					<!-- about us text -->
					<div class="col-md-6">
						<div class="about-us-text">
							<!-- quote icon -->
							<div class="quote-icon">
								<i class="fa fa-quote-left"></i>
							</div>
							<div class="about-text-content">
								<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores etea rebum.</p>
							</div>
							<div class="about-content-author">
								<p>Steven Smith</p>
							</div>
						</div>
					</div>
					<!-- about us text end -->

					<!-- about-us video -->
					<div class="col-md-6">
						<div class="about-us-vdo">
							<iframe src="#" sandbox="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe>
						</div>
					</div>
					<!-- about-us video end -->
				</div>

				<div class="row pt-80">
					<!-- single about detail -->
					<div class="col-md-4">
						<div class="about-us-single-det">
							<!-- detail icon -->
							<div class="single-det-icon">
								<img src="assets/img/about/about-us-del-icon-1.png" alt="" />
							</div>
							<h6>We create amazing design</h6>
							<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
						</div>
					</div>
					<!-- single about detail end -->
					<!-- single about detail -->
					<div class="col-md-4">
						<div class="about-us-single-det">
							<!-- detail icon -->
							<div class="single-det-icon">
								<img src="assets/img/about/about-us-del-icon-2.png" alt="" />
							</div>
							<h6>Up to date with creative ideas</h6>
							<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
						</div>
					</div>
					<!-- about-us single detail end -->
					<!-- single about detail -->
					<div class="col-md-4">
						<div class="about-us-single-det">
							<!-- detail icon -->
							<div class="single-det-icon">
								<img src="assets/img/about/about-us-del-icon-3.png" alt="" />
							</div>
							<h6>Security is the biggest value</h6>
							<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
						</div>
					</div>
					<!-- about-us single detail end -->
				</div>
			</div>
		</div>
		<!-- about us area end -->

		<!-- team area -->
		<section class="team-area-2 pt-90 pb-110">
			<div class="container">
				<!-- section title -->
				<div class="section-title text-left">
					<h6>meet the team</h6>
					<h3>
						Amazing and talented <br />
						people work here
					</h3>
				</div>

				<div class="row no-gutters">
					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-1.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>David Malan</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team end -->
					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-4.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>Halena Ajex</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team end -->
					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-2.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>Steven Smith</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team end -->
					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-3.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>Jarzy Lamot</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team end -->
					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-5.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>Shabnim Ismail</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team end -->
					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-6.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>Deen Elger</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team end -->
					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-8.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>Travis Head</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team end -->

					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-7.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6>Deepti Sharma</h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team 2 end -->

					<!-- single team -->
					<div class="col-md-4 col-lg-3 col-6 d-lg-none d-md-block d-none">
						<div class="single-team-2">
							<div class="team-img-2">
								<img src="assets/img/team/team-img-8.jpg" alt="" />
								<!-- team content -->
								<div class="team-content">
									<h6></h6>
									<p>Designer & Developer</p>
									<!-- team icon -->
									<div class="team-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- single team 2 end -->
				</div>
			</div>
		</section>

		<!-- testimonial area -->
		<section class="testimonial-area pt-65 pb-85">
			<div class="container">
				<!-- section title -->
				<div class="row">
					<div class="col-12 text-center">
						<div class="section-title">
							<h6>client testimonials</h6>
							<h3>What our clients say</h3>
						</div>
					</div>
				</div>

				<div class="row testimonial-slider-active">
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-1.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>Alexandra Jones</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-2.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>David Malan</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-3.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>Joe Root</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-4.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>Marcus Harris</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
				</div>
			</div>
		</section>
		<!-- testimonial area end -->

		<!-- recent post area -->
		<section class="recent-post-area pt-65 pb-60">
			<div class="container">
				<!-- recent post slider -->
				<div class="recent-post-active row">
					<!-- single recent post -->
					<div class="single-recent-post col-lg-4">
						<div class="blog-slider-img">
							<img src="assets/img/blog/blog--slider-1.jpg" alt="" />
						</div>
						<!-- single blog text -->
						<div class="single-blog-text">
							<div class="single-blog-meta"><span>11/06/2022</span> <span>by Johnathan Doe</span> <a href="#">31 comments</a></div>
							<h4>Discover the company standarts</h4>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat [...]</p>
							<div class="single-blog-footer d-flex justify-content-between align-items-center">
								<a href="single-blog.html" class="read-more-btn">Read More</a>
								<div class="single-blog-share">
									<a class="share-icon"><i class="fas fa-share-alt"></i></a>
								</div>
							</div>
						</div>
					</div>
					<!-- single recent post end -->
					<!-- single recent post -->
					<div class="single-recent-post col-lg-4">
						<div class="blog-slider-img">
							<img src="assets/img/blog/blog--slider-2.jpg" alt="" />
						</div>
						<!-- single blog text -->
						<div class="single-blog-text">
							<div class="single-blog-meta"><span>11/06/2022</span> <span>by Johnathan Doe</span> <a href="#">31 comments</a></div>
							<h4>Quotation Posting in The company</h4>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat [...]</p>
							<div class="single-blog-footer d-flex justify-content-between align-items-center">
								<a href="single-blog.html" class="read-more-btn">Read More</a>
								<div class="single-blog-share">
									<a class="share-icon"><i class="fas fa-share-alt"></i></a>
								</div>
							</div>
						</div>
					</div>
					<!-- single recent post end -->
					<!-- single recent post -->
					<div class="single-recent-post col-lg-4">
						<div class="blog-slider-img">
							<img src="assets/img/blog/blog--slider-3.jpg" alt="" />
						</div>
						<!-- single blog text -->
						<div class="single-blog-text">
							<div class="single-blog-meta"><span>11/06/2022</span> <span>by Johnathan Doe</span> <a href="#">31 comments</a></div>
							<h4>How design influences the people</h4>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat [...]</p>
							<div class="single-blog-footer d-flex justify-content-between align-items-center">
								<a href="single-blog.html" class="read-more-btn">Read More</a>
								<div class="single-blog-share">
									<a class="share-icon"><i class="fas fa-share-alt"></i></a>
								</div>
							</div>
						</div>
					</div>
					<!-- single recent post end -->
					<!-- single recent post -->
					<div class="single-recent-post col-lg-4">
						<div class="blog-slider-img">
							<img src="assets/img/blog/blog--slider-4.jpg" alt="" />
						</div>
						<!-- single blog text -->
						<div class="single-blog-text">
							<div class="single-blog-meta"><span>11/06/2022</span> <span>by Johnathan Doe</span> <a href="#">31 comments</a></div>
							<h4>Quotation Posting in The company</h4>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat [...]</p>
							<div class="single-blog-footer d-flex justify-content-between align-items-center">
								<a href="single-blog.html" class="read-more-btn">Read More</a>
								<div class="single-blog-share">
									<a class="share-icon"><i class="fas fa-share-alt"></i></a>
								</div>
							</div>
						</div>
					</div>
					<!-- single recent post end -->
				</div>
			</div>
		</section>

		<!-- brand area -->
		<section class="brand-area pt-65 pb-60">
			<div class="container">
				<div class="brand-slider-active">
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-1.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-2.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-3.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-4.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-5.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-1.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-2.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-3.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-4.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-5.png" alt="" />
					</div>
				</div>
			</div>
		</section>

		<!-- contact us section -->
		<div class="contact_wrap mt-5">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="contact_area">
							<!-- section title -->
							<div class="section-title">
								<h6>Contact US</h6>
								<h4>Get in touch with us</h4>
							</div>
							<!-- end of section title -->

							<!-- contact form -->
							<form class="contact_form">
								<div class="row">
									<div class="col-md-6 col-lg-3">
										<label for="#input_name">Name<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="enter your name" id="input_name" oninput="checkInput()" />
									</div>
									<div class="col-md-6 col-lg-3">
										<label for="#input_email">E-mail<i class="fas fa-asterisk"></i></label>
										<input type="email" placeholder="youremail@email.com" id="input_email" oninput="checkInput()" />
									</div>
									<div class="col-md-6 col-lg-3">
										<label for="#input_number">Phone<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="(00) 123456789" id="input_number" oninput="checkInput()" />
									</div>
									<div class="col-md-6 col-lg-3">
										<label for="#input_subject">Subject<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="subject" id="input_subject" oninput="checkInput()" />
									</div>
								</div>
								<div class="from-row">
									<div class="col-md-12">
										<label for="#input_message">Message<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="type in your message" id="input_message" oninput="checkInput()" />
									</div>
								</div>
								<button type="submit" id="submit_btn" class="submit_btn float-sm-left float-md-right p-3" disabled>Send Message</button>
								<span id="form_notice" class="float-lg-left float-left mt-3 mb-2 w-75"></span>
							</form>
							<!-- end of contact form -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- contact us section -->

		<!-- map section -->
		<div class="map">
			<iframe src="https://www.amap.com/" sandbox="" height="100%" width="100%" frameborder="0" style="border: 0" allowfullscreen></iframe>
		</div>
		<!-- map section -->

		<!-- footer area -->
		<footer>
			<!-- footer wid area -->
			<div class="footer-wid-area pt-60 pb-50">
				<div class="container">
					<div class="row">
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Contact Info</h5>
								</div>
								<div class="footer-info-content">
									<ul>
										<li>123 Main Street <br />New York, NY 01001</li>
										<li>support@email.com</li>
										<li>1 (800) 123 4567</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Quicklinks</h5>
								</div>
								<div class="quick-link-wrapper">
									<ul>
										<li><a href="#">Terms and Conditions</a></li>
										<li><a href="#">Our Services</a></li>
										<li><a href="#">Privacy Policy</a></li>
										<li><a href="#">Disclaimer</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Instagram Feed</h5>
									<div class="footer-insta-feed">
										<div class="row">
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-1.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-2.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-3.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-4.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
										</div>
										<div class="row">
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-5.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-6.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-7.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-8.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Connect With Us</h5>
									<div class="footer-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-pinterest-p"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
										<a href="#"><i class="fa fa-wifi"></i></a>
									</div>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
					</div>
				</div>
			</div>

			<!-- footer copyright area -->
			<div class="footer-copyright">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<p>Copyright 2025 © All Rights Reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer area end -->

		<!-- Code end -->

		<!-- Jquery -->
		<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
		<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
		<!-- Bootstrap -->
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<!-- Plugins -->
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/jquery.meanmenu.min.js"></script>
		<script src="assets/js/waypoints.min.js"></script>
		<script src="assets/js/jquery.counterup.min.js"></script>
		<script src="assets/js/isotope.pkgd.min.js"></script>
		<script src="assets/js/slick.min.js"></script>
		<script src="assets/js/animateit.js"></script>
		<script src="assets/js/jquery.easypiechart.min.js"></script>
		<!-- Custom JS -->
		<script src="assets/js/main.js"></script>
	</body>
</html>
